<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录--网管系统</title>
</head>
<script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.js"></script>
<style type="text/css">
    body {
        background: #252935;
    }

    .tpt-login {
        width: 360px;
        height: 360px;
        padding: 50px 30px;
        background: #FFF;
        border-radius: 8px;
        margin: auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .tpt-login h2 {
        font-size: 28px;
        font-weight: 500;
        padding-bottom: 50px;
        text-align: center;
        color: #333;
    }

    .tpt-login input {
        width: 340px;
        padding: 0 10px;
        margin-bottom: 20px;
        height: 55px;
        line-height: 55px;
        border: 0;
        background: #f5f5f5;
        font-size: 16px;
        color: #666;
    }

    .tpt-login button {
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 360px;
        background: #1e9fff;
        color: #fff;
        font-size: 16px;
        margin-top: 20px;
        border: none;
        border-radius: 2px;
        cursor: pointer;
    }

    .tpt-login p {
        font-size: 14px;
        color: #777;
    }

    .tpt-login a {
        font-size: 14px;
        color: #3581b9;
    }

    .tpt-login span {
        position: relative;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        border: 1px solid #ff5722;
        padding: 4px;
        top: 4px;
        margin-right: 6px;
    }

    .tpt-login i {
        position: absolute;
        display: inline-block;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #ff5722;
    }
</style>
<body>
<div class="tpt-login">
    <form action="${pageContext.request.contextPath }/user/loginUser" method="post">
        <div>
            <h2>网管系统</h2>
            <form>
                <input type="text" id="username" name="username" placeholder="请输入用户名">
                <input type="password" id="password" name="password" placeholder="请输入密码">
                <p class="message" style="color:red">${errorMessage}</p>
                <button>立即登录</button>
            </form>
        </div>
    </form>
</div>
</body>
</html>
